<template>
  <h1>Hello Vue3</h1>
  <h2>数量：{{ number }}</h2>
  <button @click="btn">点击加1</button>
</template>

<script>
/* 
  目标：回顾 Vue2 的选项式 API 写法（Vue3也支持选项API写法，但更推荐组合API写法）
*/
export default {
  name: 'App',
  /* Vue2 主流写法：选项式API */
  data() {
    return {
      number: 0,
    }
  },
  methods: {
    btn() {
      this.number++
    },
  },
}
</script>

<style></style>
